import React, { Component } from 'react'
import ListBar from './Index.style'
import Banner from './components/Banner'

export default class index extends Component {
    render() {
        return (
            <ListBar>
                <ul>
                    <Banner></Banner>
                    {
                        this.props.list.splice(0, 10).map((item, index) => {
                            return <li key={item.aid}>
                                <img src={item.pic} key={item.cid} alt=""></img>
                                <p key={index}>{item.title}</p>
                            </li>
                        })
                    }
                </ul>
            </ListBar>
        )
    }
}
